<template>
  <div class="application-panel">
    <el-row style="height: 100%;padding: 10px 0px;">
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply1">
          <div>待办案件</div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply2">
          <div>案件查询</div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply3">
          <div>执法队员</div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply3">
          <div>执法车辆</div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply2">
          <div>法律法规</div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply1">
          <div>裁量标准</div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply1">
          <div>监管对象</div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply2">
          <div>统计分析</div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="item-panel">
          <img :src="apply2">
          <div>双随机结果公示</div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import apply1 from '@/assets/admin/layout/apply_1.png'
import apply2 from '@/assets/admin/layout/apply_2.png'
import apply3 from '@/assets/admin/layout/apply_3.png'
export default {
  name: 'ApplicationPanel',
  data() {
    return {
      apply1: apply1,
      apply2: apply2,
      apply3: apply3
    }
  }
}
</script>

<style lang="scss" scoped>
.application-panel{
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0px 10px;
  .el-col{
    text-align: center;
    height: 33%;
  }
  .item-panel{
    padding: 10% 0px;
    cursor: pointer;
    img{
      border: 1px dashed #cfcfcf;
      width: 70px;
      height: 70px;
    }
    div{
      font-size: 16px;
      color: #333;
      padding: 10px 0px;
    }
  }

}
</style>
